﻿<html><head>
        <meta charset="utf-8">
        <title>Wort Edit</title>
     <style type="text/css">
		 form{
		 text-align:center;
		 }
		 fieldset{
		 text-align:left;
		 }
		 input[type="reset"],input[type="submit"]{
		 padding:10px;
		 }
         .choicable_expand {
             display: block;
         }
        .choicable_collapse {
             display: none;
         }
         #errorMessage {
             display: none;
         }
         #submit_button:focus + #errorMessage {
             display:block;
         }
         .tab_css {
            display: none;  
         }
         .tab_nav_main {
             background-color:#369;
			 color:#fff;
         }
         .tab_nav_sub {
             background-color:#9488E9;
         }

             /*#parent span:hover + ul{display: block;}
             #testFocus:focus + ul{color:#ff0000;display:block;}
             */
       </style>
        
    <script src="../static/js/jquery-1.9.1.min.js"></script>
        <script src="../static/js/edit_utility.js"></script>
    </head>
    <body>
     <form method="post" action="create_new_word">
        {% csrf_token %}
        <div>
            <div>
           <!--词条基本信息 例句 相关词汇-->
            <button type="button" id="tab_nav_1" class="tab_nav_sub">词条基本信息</button>
            <button type="button" id="tab_nav_2" class="tab_nav_sub">例句和短语</button>
            <button type="button" id="tab_nav_3" class="tab_nav_sub">相关词汇</button>

            
            </div>
            <div>
                <div class="tab_css" id="tab_content_1" style="display: block;">
				<fieldset><legend>Required</legend>
         <input id="Stichwort" value="请在此输入词条的名称" name="Stichwort">
                    <input id="StichwortAudio" hidden="" name="StichwortAudio">
                    <input id="StichwortPicture" hidden="" name="StichwortPicture">
         <div id="Category">
        <label><input name="category" type="radio" value="Substantiv" checked="checked">名词</label> 
        <label><input name="category" type="radio" value="Verben">动词</label> 
         <label><input name="category" type="radio" value="Adjektiv">形容词</label>
        </div>
			<div id="Noun_Specific" style="display:block">
		<div id="gender">
        <label><input name="Genus" type="radio" value="der" checked="checked">der</label> 
        <label><input name="Genus" type="radio" value="die">die</label> 
         <label><input name="Genus" type="radio" value="das">das</label>
        </div>
		
         <div id="plural">
         <input id="Pluralform" list="Pluralform_Prompt" value="请在此输入复数" name="Pluralform">
         <datalist id="Pluralform_Prompt"></datalist>
         </div>
         <!--example here-->
         <div id="genetiv">
         <input id="GenitivSingular" list="GenitivSingular_Prompt" value="请在此输入第二格" name="GenitivSingular">
         <datalist id="GenitivSingular_Prompt"></datalist>
         </div>
         <input style="display:none;" value="" name="Ausspache" id="Ausspache">
			</div>
         <div></fieldset><fieldset><legend>
         <span>选填：</span><button type="button" id="testFocus">Collapse</button></legend>
                      <div id="choicable" class="choicable_expand"><!--unordered list-->
        <!--the default is expand,use cookie to save the default setting-->
        <label for="unittype">单元:</label>
        <select id="Einheit" name="unittype">
        <option value="None" selected="">None</option>
        <option value="1"> Eins </option>
        <option value="2"> Zwei </option>
        <option value="3"> Drei </option>
        <option value="4"> Vier </option>
        <option value="5"> Fünf </option>
        <option value="6"> Sechs </option>
        <option value="7"> Sieben </option>
        <option value="8"> Acht </option>
        <option value="9"> Neun </option>
        <option value="10"> Zehn </option>
        </select><br>

        <label for="Anteil">部分:</label>
        <select id="Anteil" name="Anteil">
        <option value="None" selected="">None</option>
        <option value="1">Einfürung</option>
        <option value="2">Text</option>
        <option value="3">Übungen</option>
        <option value="4">Intentionen</option>
        <option value="5">Hörverstehen</option>
        <option value="6">Leseverstehen</option>
        </select><br>
         </div>
		</fieldset>
        </div>
        </div>
                <div class="tab_css" id="tab_content_2">
				<fieldset><legend>例句</legend>
                    <dl id="definition_list">
                <dt><button type="button" id="edit_definition" disabled="">点击添加词的义项</button>
                    </dt>
                     
                  <dt><input id="explanation_1" value="请在此输入词条的第1条汉语意思" name="explanation_1" class="chinese" style="width: 203px;"></dt>
                  <dd>
                      <dl id="example_list_1">
                        <dt><button type="button" id="edit_example_1" disabled="" class="definition">点击添加例句</button></dt>
                        <dd><div id="example_1_1">
                                <textarea id="original_1_1" name="original_1_1" class="original" rows="3" style="width: 203px;">请在此输入第1条例句</textarea><br>
                                <input id="translation_1_1" value="请在此输入第1条例句的汉语翻译" name="translation_1_1" class="translation" style="width: 203px;">
                            </div>
                        </dd>
                      </dl>
                  </dd>
                       
                        </dl></fieldset><fieldset><legend>短语</legend>
                        <dl id="collocation_list">
                            <dt><button type="button" id="edit_collocation" disabled="">点击添加短语</button></dt>
                            <dd><input id="collocation_1" value="请在此输入第1个短语" name="collocation_1" class="collocation">
                            </dd>
                           <!-- <dd><input id="Sym_2" value='请在此输入第2个同义词' name="Sym_2" class="Sym"/></dd>-->
                        </dl></fieldset>

                </div>
                <div class="tab_css" id="tab_content_3">
				<fieldset><legend>同义词</legend>
                        <dl id="Sym_List">
                            <dt><button type="button" id="edit_Sym" disabled="">点击添加同义词</button></dt>
                            <dd><input id="Sym_1" value="请在此输入第1个同义词" name="Sym_1" class="Sym">
                                <button type="button" class="show_link" disabled="" id="show_link_Sym_1">编辑超链接</button><br>
                                <span style="display:none"><label for="Sym_Link_1">WordLink</label><input id="Sym_Link_1" name="Sym_Link_1"></span>
                            </dd>
                           <!-- <dd><input id="Sym_2" value='请在此输入第2个同义词' name="Sym_2" class="Sym"/></dd>-->
                        </dl></fieldset><fieldset><legend>反义词</legend>
                        <dl id="Anm_List">
                            <dt><button type="button" id="edit_Anm" disabled="">点击添加反义词</button></dt>
                            <dd><input id="Anm_1" value="请在此输入第1个反义词" name="Anm_1" class="Anm">
                                <button type="button" class="show_link" disabled="" id="show_link_Anm_1">编辑超链接</button><br>
                                <span style="display:none"><label for="Anm_Link_1">WordLink</label><input id="Anm_Link_1" name="Anm_Link_1"></span>
                            </dd>
                        </dl></fieldset><fieldset><legend>派生词</legend>
                        <dl id="derivative_list">
                            <dt><button type="button" id="edit_derivative" disabled="">点击添加派生词</button></dt>
                            <dd><input id="derivative_1" value="请在此输入第1个派生词" name="derivative_1" class="derivative"><br>
                                    <div>
                                    <label><input name="derivative_category_1" type="radio" value="名词" checked="checked">名词</label> 
                                    <label><input name="derivative_category_1" type="radio" value="形容词">形容词</label> 
                                    <label><input name="derivative_category_1" type="radio" value="动词">动词</label>
                                    </div>
                                <button type="button" class="show_link" disabled="" id="show_link_derivative_1">编辑超链接</button><br>
                                <span style="display:none"><label for="derivative_Link_1">WordLink</label><input id="derivative_Link_1" name="derivative_Link_1"></span>
                            </dd>             
                        </dl></fieldset><fieldset><legend>合成词</legend>

                        <dl id="compound_list">
                            <dt><button type="button" id="edit_compound" disabled="">点击添加合成词</button></dt>
                            <dd><input id="compound_1" value="请在此输入第1个合成词" name="compound_1" class="compound">
                                <button type="button" class="show_link" disabled="" id="show_link_compound_1">编辑超链接</button><br>
                                <span style="display:none"><label for="compound_Link_1">WordLink</label><input id="compound_Link_1" name="compound_Link_1"></span>
                            </dd>             
                        </dl>
						</fieldset>
                 </div>


            </div>
        </div>  
         <!--attribute editor here -->
         <input type="text" name="isCreated" id="isCreated" value="{{isCreated}}" hidden />
         <input id="wordAddr" type="text" name="wordAddr" value="{{wordAddrchoice}}" hidden />
		 <input value="提交" type="submit" id="submit_button">
		  <input type="reset" value="reset">
                 <p id="errorMessage"></p>

         <!--another button to render the xml-->
        </form>
                   </body></html>